


        
        main .team .list .r{
            -webkit-tap-highlight-color:transparent;
        }
        main>div + div{
            margin-bottom: 145px;
        }

        main .headTip{
            padding-top: 72px;
            padding-bottom: 108px;
            margin-bottom: 0px;
        }
        main .headTip .box{
            margin-left: -72px;
        }
        main .headTip .box>*{
            width: 50%;
            padding-left: 72px;
        }

        main .tips{
            padding-left: 0px !important;
            margin-bottom: 180px;
        }
        main .tips .contn{
            flex-direction: row-reverse;
            margin-left: -108px;
            flex-wrap: wrap;
            align-items: flex-start;
        }
        main .tips .contn .block{
            width: calc(100% / 3);
            padding-left: 108px;
        }
        main .tips .contn .block .box{
            margin-bottom: 108px;
        }
        main .tips .contn .block:nth-child(2){
            margin-top: 72px;
        }
        main .tips .contn .block:nth-child(3){
            margin-top: 144px;
            position: relative;
        }
        main .tips .contn .block:nth-child(3) .horLine{
            bottom: 0px;
            left: 0px;
        }
        
        main .tips .contn .block .box .pra p{
            color: #969696;
        }

        main .video .contn{
            padding-left: 25%;
        }
        main .video .contn .box{
            position: relative;
        }
        main .video .contn video{
            display: block;
            width: 100%;
            height: auto;
        }
        main .video .contn .box::before{
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.5);
            top: 0px;
            left: 0px;
            z-index: 2;
        }
        main .video .contn .box.active::before{
            display: none;
        }
        main .video .contn .box .play{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            z-index: 3;
        }
        main .video .contn .box.playing .play{
            display: none;
        }

        main .team{
            color: #010101;
        }
        main .team .contn{
            padding-left: 12.5%;
        }
        main .team .ttl{
            margin-bottom: 72px;
        }
        main .team .ttl>*{
            width: 50%;
        }
        main .team .list .r{
            position: relative;
            margin-bottom: 48px;
            background: #f6f6f6;
            cursor: pointer;
        }
        main .team .list .r:last-child{
            margin-bottom: 0px;
        }
        main .team .list .r::before,
        main .team .list .r::after{
            content: '';
            position: absolute;
            top: 48px;
            right: 36px;
            width: 24px;
            height: 2px;
            background: #010101;
        }

        main .team .list .r::after{
            transform: rotate(90deg) scaleX(1);
            transition: transform .5s cubic-bezier(.365,.305,0,1);
        }
        main .team .list .r.clicked::after{
            transform: rotate(90deg) scaleX(0);
        }
        main .team .list .r .info{
            padding: 24px;
        }
        main .team .list .r .info .pic{
            width: 10vw;
            margin-right: 48px;
            border-radius: 50%;
            overflow: hidden;
        }
        main .team .list .r .info .pic .mid{
            padding-bottom: 100%;
            position: relative;
        }
        main .team .list .r .info .pic .mid img{
            position: absolute;
            left: 0px;
        }
        main .team .list .r .info .txt h3{
            margin-bottom: 0px;
        }
        main .team .list .r .info .txt .postn{
            font-size: 21px;
            opacity: .7;
        }
        main .team .list .r .box{
            display: none;
            padding-left: calc(24px + 10vw + 48px);
            margin-top: 0px;
            width: 80%;
            height: 0px;
            overflow: hidden;
            transition-property: margin-top,height;
            transition-duration: .3s;
            transition-timing-function: linear;
        }
        main .team .list .r.clicked .box{
            margin-top: -48px;
        }
        main .team .list .r .box p{
            padding-bottom: 72px;
            transform: translateY(40px);
            transition: transform linear .3s 10ms;
        }
        main .team .list .r.clicked .box p{
            transform: translateY(0px);
            transition-delay: 0s;
        }
        
        main .awards,
        main .cooperate{
            position: relative;
        }
        main .awards::after,
        main .cooperate::after{
            content: '';
            position: absolute;
            width: 100%;
            margin: auto;
            top: 81px;
            bottom: 0px;
            right: 0px;
            left: 72px;
            z-index: -1;
            background: #f5f5f5;
        }
        main .awards .contn,
        main .cooperate .contn{
            padding-left: 12.5%;
            position: relative;
            z-index: 2;
        }
        main .awards .contn .ttl,
        main .cooperate .contn .ttl{
            margin-bottom: 72px;
        }
        main .awards .contn .ttl>*,
        main .cooperate .contn .ttl>*{
            width: 50%;
        }
        main .awards .contn .prides,
        main .cooperate .contn .client{
            margin-left: -108px;
            overflow: hidden;
        }
        main .awards .contn .prides .item,
        main .cooperate .contn .client .item{
            float: left;
            width: calc(100% / 3);
            padding-left: 108px;
            margin-bottom: 48px;
            text-align: center;
        }
        main .awards .contn .prides .item img,
        main .cooperate .contn .client .item img{
            width: 35%;
            min-width: 100px;
            height: auto;
            margin: 0px auto;
        }
        main .awards .contn .prides .item p{
            font-weight: bold;
            margin-top: 12px;
        }


        main .swiper .contn{
            padding-left: 25%;
        }
        main .swiper .contn .txt p{
            max-width: 640px;
        }
        main .swiper .contn .winnerSwiper .pic{
            position: relative;
            padding-bottom: 56%;
        }
        main .swiper .contn .winnerSwiper .pic img{
            position: absolute;
            left: 0px;
        }
        main .swiper .contn .winnerSwiper .details{
            font-size: 14px;
            color: #969696;
            margin-top: 12px;
        }
        main .swiper .contn .swiperBox{
            position: relative;
            margin-top: 30px;
            cursor: grab;
            cursor: -moz-grab;
            cursor: -webkit-grab;
        }
        main .swiper .contn .swiperBox .btns{
            position: absolute;
            top: 0px;
            right: 0px;
            background: #fff;
            z-index: 2;
        }
        main .swiper .contn .swiperBox .btns p{
            padding: 25px 48px;
            transition: background .15s ease;
        }
        main .swiper .contn .swiperBox .btns p:hover{
            background: rgba(0,0,0,.1);
        }
        main .swiper .contn .swiperBox .add{
            width: 60px;
            height: 60px;
            overflow: hidden;
            border-radius: 50%;
            background: #fff;
            position: absolute;
            z-index: 2;
            top: 24px;
            left: 24px;
            opacity: 0;
            transform: scale(0);
            transition: opacity .25s cubic-bezier(.365,.305,0,1),transform .25s cubic-bezier(.365,.305,0,1);
        }
        main .swiper .contn .swiperBox .add img{
            position: absolute;
            top: 50%;
            left: 50%;
            width: 30px;
            transform: translate(-50%,-50%);
        }
        main .swiper .contn .swiperBox:hover .add{
            transform: scale(1);
            opacity: 1;
        }


        @media(max-width:1600px){
            main>div + div{
                margin-bottom: 120px;
            }
            main .headTip{
                padding-top: 60px;
                padding-bottom: 90px;
            }
            main .headTip .box{
                margin-left: -60px;
            }
            main .headTip .box>*{
                padding-left: 60px;
            }

            main .tips{
                margin-bottom: 150px;
            }
            main .tips .contn{
                margin-left: -90px;
            }
            main .tips .contn .block{
                padding-left: 90px;
            }
            main .tips .contn .block .box{
                margin-bottom: 90px;
            }
            main .tips .contn .block:nth-child(2){
                margin-top: 60px;
            }
            main .tips .contn .block:nth-child(3){
                margin-top: 120px;
            }

           main .video .contn .box .play{
               width: 100px;
           }

            main .team .ttl{
                margin-bottom: 60px;
            }
            main .team .list .r{
                margin-bottom: 40px;
            }
            main .team .list .r::before,
            main .team .list .r::after{
                width: 20px;
                top:40px;
                right: 30px;
            }
            main .team .list .r .info{
                padding: 20px;
            }
            main .team .list .r .info .pic{
                margin-right: 40px;
            }
            main .team .list .r .box{
                padding-left: calc(20px + 10vw + 40px);
            }
            main .team .list .r.clicked .box{
                margin-top: -40px;
            }
            main .team .list .r .box p{
                padding-bottom: 60px;
            }
            main .team .list .r .info .txt .postn{
                font-size: 18px;
            }

            main .awards .contn .ttl{
                margin-bottom: 60px;
            }
            main .awards::after{
                top: 67px;
                left: 60px;
            }
            main .awards .contn .prides{
                margin-left: -90px;
            }
            main .awards .contn .prides .item{
                padding-left: 90px;
                margin-bottom: 40px;
            }

            main .swiper .contn .txt p{
                max-width: 540px;
            }
            main .swiper .contn .swiperBox .btns p{
                padding: 20px 40px;
            }
            main .swiper .contn .swiperBox .btns p img{
                width: 17px;
            }
            main .swiper .contn .swiperBox .add{
                top: 20px;
                left: 20px;
            }
            main .swiper .contn .winnerSwiper .details{
                font-size: 12px;
            }
        }
        @media(max-width:1450px){
            main .swiper .contn .swiperBox .add{
                width: 45px;
                height: 45px;
            }
            main .swiper .contn .swiperBox .add img{
                width: 25px;
            }
        }
        @media(max-width:1200px){
            main>div + div{
                margin-bottom: 110px;
            }
            main .headTip{
                padding-top: 56px;
                padding-bottom: 84px;
            }
            main .headTip .box{
                margin-left: -56px;
            }
            main .headTip .box>*{
                padding-left: 56px;
            }

            main .tips{
                margin-bottom: 140px;
            }
            main .tips .contn{
                margin-left: -56px;
            }
            main .tips .contn .block{
                padding-left: 56px;
            }
            main .tips .contn .block .box{
                margin-bottom: 84px;
            }
            main .tips .contn .block:nth-child(2){
                margin-top: 56px;
            }
            main .tips .contn .block:nth-child(3){
                margin-top: 112px;
            }

            main .video .contn .box .play{
                width: 80px;
            }

            main .team .ttl{
                margin-bottom: 56px;
            }
            main .team .list .r{
                margin-bottom: 37px;
            }
            main .team .list .r::before,
            main .team .list .r::after{
                width: 18px;
                top: 37px;
                right: 28px;
            }
            main .team .list .r .info{
                padding: 18px;
            }
            main .team .list .r .info .pic{
                margin-right: 37px;
            }
            main .team .list .r .box{
                padding-left: calc(18px + 10vw + 37px);
            }
            main .team .list .r.clicked .box{
                margin-top: -37px;
            }
            main .team .list .r .box p{
                padding-bottom: 56px;
            }
            main .team .list .r .info .txt .postn{
                font-size: 16px;
            }

            main .awards .contn .ttl,
            main .cooperate .contn .ttl{
                margin-bottom: 56px;
            }
            main .awards::after,
            main .cooperate::after{
                top: 51px;
                left: 56px;
            }
            main .awards .contn .prides,
            main .cooperate .contn .client{
                margin-left: -84px;
            }
            main .awards .contn .prides .item,
            main .cooperate .contn .client .item{
                padding-left: 84px;
                margin-bottom: 37px;
            }

            main .swiper .contn .txt p{
                max-width: 500px;
            }
            main .swiper .contn .swiperBox .btns p{
                padding: 18px 37px;
            }
            main .swiper .contn .swiperBox .btns p img{
                width: 15px;
            }
            main .swiper .contn .swiperBox .add{
                top: 18px;
                left: 18px;
            }
        }

        @media(max-width:1024px){
            main>div + div{
                margin-bottom: 100px;
            }
            main .headTip{
                padding-top: 52px;
                padding-bottom: 78px;
            }
            main .headTip .box{
                margin-left: -52px;
            }
            main .headTip .box>*{
                padding-left: 52px;
            }

            main .tips{
                margin-bottom: 104px;
            }
            main .tips .contn{
                flex-direction: row;
                margin-left: 0px;
            }
            main .tips .contn .block{
                padding-left: 55px;
                width: 50%;
            }
            main .tips .contn .block .box{
                margin-bottom: 78px;
            }
            main .tips .contn .block:nth-child(2){
                margin-top: 0px;
            }
            main .tips .contn .block:nth-child(3){
                width: 100%;
                margin-top: 0px;
            }
            
            main .video .contn .box .play{
                width: 70px;
            }

            main .team .ttl{
                margin-bottom: 52px;
            }
            main .team .list .r{
                margin-bottom: 17px;
            }
            main .team .list .r::before,
            main .team .list .r::after{
                width: 17px;
                top: 21px;
                right: 13px;
            }
            main .team .list .r .info{
                padding: 16px;
            }
            main .team .list .r .info .pic{
                margin-right: 37px;
            }
            main .team .list .r .box{
                padding: 16px;
                padding-top: 0px;
                width: 100%;
            }
            main .team .list .r.clicked .box{
                margin-top: -0px;
            }
            main .team .list .r .box p{
                padding-bottom: 0px;
                transform: initial !important;
            }
            main .team .list .r .info .txt .postn{
                font-size: 16px;
            }

            main .awards .contn .ttl,
            main .cooperate .contn .ttl{
                margin-bottom: 52px;
            }
            main .awards .contn .prides,
            main .cooperate .contn .client{
                margin-left: -78px;
            }
            main .awards .contn .prides .item,
            main .cooperate .contn .client .item{
                padding-left: 78px;
                margin-bottom: 34px;
                width: 50%;
            }

            main .swiper .contn .txt p{
                max-width: 460px;
            }
            main .swiper .contn .swiperBox .btns p img{
                width: 13px;
            }
        }

        @media(max-width:767px){
            main>div + div{
                margin-bottom: 90px;
            }
            .gap.lg{
                padding-left: 25px;
                padding-right: 25px;
            }
            main .tips .contn .block:nth-child(3) .horLine{
                display: none;
            }

            main .headTip{
                padding-top: 48px;
                padding-bottom: 72px;
            }
            main .headTip .box{
                margin-left: -48px;
            }
            main .headTip .box>*{
                padding-left: 48px;
            }

            main .tips{
                margin-bottom: 96px;
            }
            main .tips .contn{
                flex-direction: row;
            }
            main .tips .contn .block{
                padding-left: 25px;
                width: 100%;
            }
            main .tips .contn .block .box{
                margin-bottom: 72px;
            }
            
            main .video .contn .box .play{
                width: 50px;
            }

            main .video .contn,
            main .team .contn{
                padding-left: 0px;
            }
            main .headTip .box,
            main .team .ttl{
                display: block;
            }
            main .headTip .box>*,
            main .team .ttl>*{
                width: 100%;
            }
            main .team .list .r{
                margin-bottom: 15px;
            }
            main .team .list .r::before,
            main .team .list .r::after{
                width: 15px;
                top: 20px;
                right: 12px;
            }
            main .team .list .r .info .pic{
                width: 20%;
                margin-right: 17px;
            }
            main .team .list .r .info .txt .postn{
                font-size: 14px;
            }
            
            main .awards .contn,
            main .cooperate .contn{
                padding-left: 0px;
            }
            main .awards .contn .ttl,
            main .cooperate .contn .ttl{
                display: block;
                margin-bottom: 48px;
            }
            main .awards .contn .ttl>*,
            main .cooperate .contn .ttl>*{
                width: 100%;
            }
            main .awards::after,
            main .cooperate::after{
                top: 51px;
                left: 0px;
            }
            main .awards .contn .prides,
            main .cooperate .contn .client{
                margin-left: -25px;
            }
            main .awards .contn .prides .item,
            main .cooperate .contn .client .item{
                padding-left: 25px;
                margin-bottom: 25px;
            }

            main .swiper .contn{
                padding-left: 0px;
            }
            main .swiper .contn .txt p{
                max-width: 410px;
            }
            main .swiper .contn .swiperBox{
                margin-left: -25px;
                margin-right: -25px;
                padding: 0px 25px;
            }
            main .swiper .contn .swiperBox .winnerSwiper{
                overflow: visible;
            }
            main .swiper .contn .swiperBox .btns,
            main .swiper .contn .swiperBox .add{
                display: none;
            }
        }